<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script type="text/javascript">
        window.onload=function()
        {
            //dom事件回调函数
            //给btn设置一个单击函数
            var btn=document.getElementById("btn");
            btn.onclick=function()
            {
                console.log(btn);
                console.log(this)
                console.log(btn.innerHTML);
                console.log(this.innerHTML);
            };
            //定时器回调函数
            //设置一个延迟定时器，延迟时间为2s
            var timer=setTimeout
            (function()
            {
                console.log("到时间了");
            },2000)
        };
    </script>
</head>
<body>
    <button id="btn">测试点击事件</button>
    <!--
        1.什么函数才是回调函数
        三个特点
        1）你定义的 2）你没有调 3）但最终他执行了
        2.常见的回调函数
        dom事件回调函数
        定时器回调函数
        ajax请求回调函数
        生命周期回调函数
    -->
</body>
</html>